<template>
	<div class="main_container">
		<factory-sidebar class="factory_sidebar"></factory-sidebar>
		<calculation-panel class="calculation_panel"></calculation-panel>
	</div>
</template>

<script lang="ts">
	import Vue from 'vue';
	import FactorySidebar from '@/components/calculation/FactorySidebar.vue';
	import CalculationPanel from '@/components/calculation/CalculationPanel.vue';

	export default Vue.extend({
		name: 'Calculation',
		components: {
			FactorySidebar,
			CalculationPanel,
		},
	});
</script>
<style scoped>
	.factory_sidebar {
		width: 300px;
		float: left;
	}

	.calculation_panel {
		width: calc(100% - 300px);
		float: right;
	}
</style>